<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乒乓球运动</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            background: #fcfbfb;
        }

        a {
            text-decoration: none;
            /* 去掉下划线 */
        }

        /*div {
            border: 1px solid #a7a1a1;
        }*/

        p {
            text-indent: 2em;
            /* 设置首行缩进为两个字符宽度 */
            line-height: 35px;
        }

        .center-text {
            text-align: center;
            /* 水平居中 */
        }

        .yinying {
            box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.2), -4px -6px 16px rgba(255, 255, 255, 0.1) inset;
        }

        .flex {
            display: flex;
        }

        .baise {
            background-color: rgb(252, 249, 250);
        }

        .flex02 {
            flex: 1;
        }

        .column {
            flex-direction: column;
        }

        .mg8 {
            margin: 8px;
        }

        .mgr8 {
            margin-right: 8px;
        }

        .mgt8 {
            margin-top: 8px;
        }

        .abc {
            font-family: 楷体;
        }

        .abc1 {
            font-size: 50px;
        }

        /*字体*/

        .abc2 {
            font-size: 20px;
        }

        .abc3 {
            color: #c06666;
        }

        .abc4 {
            font-size: 22.5px;
        }

        a.italic-bold {
            font-style: italic;
            /* 设置斜体 */
            font-weight: bold;
            /* 设置加粗 */
        }

        .video-container {
            display: flex;
            /* 启用Flexbox布局 */
            justify-content: center;
            /* 水平居中 */
            align-items: center;
            /* 垂直居中 */
            height: 100vh;
            /* 视频容器高度设置为视口高度 */
        }
    </style>
</head>

<body class="flex">

    <!--主体-->
    <div style="height: 2000px;" class="flex02  flex column abc abc4 ">
        <!--头部-->
        <div style="height: 60px; z-index: 1;" class="flex baise ">
            <img src="./01/logo.png" alt="" width="10%" height="100%">
            <div class=" abc abc1 abc3">乒乓球运动</div>
        </div>



        <!--大内容-->
        <div style="flex: 9;" class="flex column baise ">
            <!--头-->
            <div style="flex: 0.05;" class="flex column baise ">
                <p><b>乒乓球运动</b><br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;乒乓球比赛是乒乓球运动的重要组成部分，它不仅是运动员展示技艺、争夺荣誉的舞台，也是乒乓球爱好者交流切磋、享受运动乐趣的平台。
                </p>

            </div>


            <!--内容1-->
            <div class="flex flex02 baise mg8 yinying" style="overflow: auto;">
                <!--内容1-1-->
                <div style="flex: 3;" class="flex mg8">
                    <img src="./01/a1.jpg" alt="" width="100%" height="100%">
                </div>
                <!--内容1-2-->
                <div style="flex: 8;" class="flex baise mg8 yinying">
                    <p><b>容国团</b><a href="./02/b1.html" class="italic-bold">（世界乒乓球首位中国冠军）</a><br>
                        容国团（1937年8月10日~1968年6月20日），男，汉族，出生于中国香港，中共党员，著名乒乓球运动员，国家运动健将。他从小喜爱并学习乒乓球，15岁时即代表香港工联乒乓球队参加比赛。1958年被选入广东省乒乓球队，立下“三年夺取世界冠军”的誓言，随后被选为国家集训队队员。他苦心练就直拍快攻打法，球路广，变化多，发球精，推、拉、削、搓和正反手攻球技术较好地继承和发展了我国乒乓球左推右攻的传统技艺，并创造发转与不转球、搓转与不转球的新技术。1959年，在第25届世界乒乓球锦标赛上，他先后战胜各国乒坛名将，为中国夺得了第一个<a
                            href="./02/b5.html"
                            class="italic-bold">乒乓球男子单打</a>世界冠军，成为新中国第一个世界冠军获得者。此外，他还在第26届世界乒乓球锦标赛男子团体决赛上为中国队夺得男子团体冠军作出了重要贡献。容国团是我国体坛一位里程碑式人物，1984年被评为中华人民共和国成立35年来杰出运动员，2009年被评为新中国成立以来100位<a
                            href="./02/b6.html" class="italic-bold">感动中国</a>人物之一。
                    </p>





                </div>

            </div>
            <!--内容2-->
            <div class="flex flex02 baise mg8 yinying">
                <!--内容2-1-->
                <div style="flex: 3;" class="flex mg8">
                    <img src="./01/a2.jpg" alt="" width="100%" height="100%">
                </div>
                <!--内容2-2-->
                <div style="flex: 8;" class="flex baise mg8 yinying">
                    <p><b>刘国梁</b><a href="./02/b2.html" class="italic-bold">（中国乒乓球国家队教练、国际乒联执行副主席）</a><br>

                        刘国梁，1976年1月10日出生于河南省新乡市封丘县，中共党员，前中国男子乒乓球运动员，现任<a href="./02/b7.html"
                            class="
                        italic-bold">国际乒乓球联合会（ITTF）</a>执行副主席、中国乒乓球协会主席、世界乒乓球职业大联盟（WTT）理事会主席。刘国梁6岁开始学打球，1989年入选中国乒乓球国家青年队，1991年入选中国乒乓球国家队。球员生涯中，他参加过两届奥运会和六届世锦赛，是1996年亚特兰大奥运会乒乓球项目男单金牌和男双金牌（搭档孔令辉）获得者，也是中国男乒历史上第一位“大满贯”得主。退役后，刘国梁正式出任<a
                            href="./02/b8.html "
                            class="italic-bold">中国国家乒乓球队助理教练</a>，并于2003年成为中国国家乒乓球男队代理主教练，后担任总教练。执教期间，他率领队伍在2004年至2012年取得世乒赛男团项目五连冠，并获得2008年及2012年奥运会男团项目金牌。
                    </p>








                </div>
            </div>
            <!--内容3-->
            <div class="flex flex02 baise mg8 yinying">
                <!--内容3-1-->
                <div style="flex: 3;" class="flex mg8">
                    <img src="./01/a3.jpg" alt="" width="100%" height="100%">
                </div>
                <!--内容3-2-->
                <div style="flex: 8;" class="flex  mg8 yinying">
                    <p><b>邓亚萍</b><a href="./02/b3.html" class="italic-bold">（乒乓球大满贯得主、奥运四金王）</a><br>

                        邓亚萍，1973年2月6日生于河南省郑州市，祖籍湖南省邵阳市新宁县，原中国<a href="./02/b9.html "
                            class="italic-bold">女子乒乓球队</a>运动员、世界冠军、奥运冠军，乒乓球大满贯得主。她5岁开始打乒乓球，1988年进入国家队。1989年，16岁的邓亚萍首次参加世乒赛，获得女双冠军。1992年巴塞罗那奥运会，邓亚萍作为中国队绝对主力，夺得女子单、双打两枚金牌。1996年<a
                            href="./02/b10.html "
                            class="italic-bold">亚特兰大奥运会</a>，她蝉联奥运女单、女双冠军，成为中国奥运历史上第一个夺得四枚金牌的运动员。在14年运动生涯中，邓亚萍共拿到18个世界冠军，连续8年保持乒坛排名世界第一，是乒乓球史上排名“世界第一”时间最长的女运动员。退役后，邓亚萍涉足多个领域，包括国际奥委会运动员委员会委员、共青团北京市委副书记、人民日报社副秘书长等，并创立了河南<a
                            href="./02/b11.html" class="italic-bold">邓亚萍体育产业投资基金</a>。

                    </p>








                </div>
            </div>
            <!--内容4-->
            <div class="flex flex02 baise mg8 yinying">
                <!--内容4-1-->
                <div style="flex: 3;" class="flex mg8">
                    <img src="./01/a4.jpg" alt="" width="100%" height="100%">
                </div>
                <!--内容4-2-->
                <div style="flex: 8;" class="flex baise mg8 yinying">
                    <p><b>马龙</b><a href="./02/b4.html" class="italic-bold">（中国乒乓球队核心球员、世界冠军得主）</a><br>

                        马龙，中国男子乒乓球运动员，以其全面的技术和出色的心理素质在乒乓球界享有盛誉。他是中国乒乓球队的核心球员之一，多次代表国家参加世界大赛，并屡获佳绩。马龙在<a
                            href="./02/b5.html"
                            class="italic-bold">单打</a>、双打和团体项目中都有出色的表现，曾多次获得世界冠军和奥运会金牌。他的球风稳健、技术精湛，能够在比赛中迅速适应对手的打法并做出有效的应对。马龙的成就不仅体现在个人荣誉上，更在于他为中国乒乓球队的持续强盛所做出的贡献。

                    </p>








                </div>
            </div>

        </div>


        <div style="flex: 1;" class="flex baise mgt8 video-container column">
            <h1>比赛视频</h1>
            <!-- 视频播放器开始 -->
            <video width="640" height="360" controls>
                <!-- 第一个视频源，通常是最常用的格式 -->
                <source src="./01/41a42dd41284041b20e1ec5999b72a7b.mp4" type="video/mp4">
                <!-- 如果浏览器不支持HTML5视频，显示以下信息 -->
                您的浏览器不支持视频播放。
            </video>
            <!-- 视频播放器结束 -->




        </div>

        <!--底部-->
        <div style="flex: 1;" class="flex baise mgt8">
            <div class="abc abc2 abc3 center-text" style="width: 100%; ">
                <p>乒乓球运动</p>
                <div class="flex">
                    <p style="width: 100%;">学生:糜浩然 </p>
                    <p style="width: 100%;">学号:2280206454470</p>
                    <p style="width: 100%;">版权所有xxxxxx</p>
                </div>
            </div>
        </div>




    </div>


</body>













</html>